 

$--color-dark: #3881F8; 

// 头部背景
.header {
    background: url(../images/header-bg.jpg) right top no-repeat;
    background-size: cover;
    .logo{
        background: #0E101A;
    }
}

/* 左侧菜单背景色 */
.sidebar-box { 
    background: #0E101A;
}

.sidebar-btn:hover,
.el-submenu__title:hover,
.el-submenu__title:focus,
.el-menu-item:hover,
.el-menu-item:focus {
    background:linear-gradient(90deg,rgba(57,100,209,1) 0%,rgba(47,148,251,0) 100%);
}

// 标签按钮
.tags-li.active {
    border: 1px solid $--color-dark;
    background-color: $--color-dark;
}

//主题色
.theme_txt {
    color: #3881F8;
}

.theme_bg {
    background-color: #3881F8;
}

.orange {
    color: #FB712D;
}

.red {
    color: #F83838;
}

// 按钮
.theme_btn {
    color: $--color-dark;
    border: 1px solid $--color-dark;
    border-radius: 4px;
}